<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>img标签详解</title>
</head>
<body>
    <a href="https://xdclass.net"><img src="./QQ图片20231020190146.gif" alt="可爱的绫华" tittle="可爱的绫华"></a>
    <!--嵌套代码，点击图片跳转网页-->
    <img src="./QQ图片20231020190146.gif" alt="可爱的绫华" title="可爱的绫华">
    <img src="./QQ图片20231020190720.png" alt="最爱刃啊啊啊啊啊啊" title="最爱刃啊啊啊啊，不能没有刃啊">
    <img src="./TlBJZUhic1FPQWtnZkRhb3BRdGNldjhlQlBteFYwbzU4UnBNN3lVUFR6az0.jpeg" alt="好看的" title="好看的">
    <!--本地地址图片以及图片标头，不易丢失-->
    <img src="https://imglf3.lf127.net/img/cbe5efa619bdb51b/TkhLckdkSWcrNDVPaW00K1N1U1hwWW01WGJkWkZ0aHJrQ0
    VHVnkyZ1ZrTT0.jpg?imageView&thumbnail=1000x0&type=jpg" alt="刃景" title="最爱刃景！！！！">
    <!--线上图片地址，容易丢失-->

</body>
</html> 